<template>
  <div>
    <icon :style="{ color: 'hotpink' }">
      <template #component>
        <svg
          t="1729090296505"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="21338"
          width="18"
          height="18"
          data-spm-anchor-id="a313x.search_index.0.i36.3ba53a81bnMUkT"
        >
          <path
            d="M512 165.76a427.648 427.648 0 0 1 427.648 427.712c0 109.632-41.6 209.408-109.568 285.056H193.92a425.408 425.408 0 0 1-109.568-285.056A427.648 427.648 0 0 1 512 165.76z m72 355.712c-15.936-15.936-84.928 27.264-100.8 43.2a40.704 40.704 0 1 0 57.6 57.6c15.872-15.936 59.072-84.928 43.2-100.8z m-316.352 41.408h-61.12a30.528 30.528 0 0 0 0 61.12h61.12a30.528 30.528 0 0 0 0-61.12z m549.76 0h-61.056a30.528 30.528 0 0 0 0 61.12h61.12a30.528 30.528 0 0 0 0-61.12z m-524.16-216.256l-5.376 0.896a30.528 30.528 0 0 0-13.44 51.52l43.2 43.2a30.528 30.528 0 1 0 43.2-43.2l-43.2-43.2a30.528 30.528 0 0 0-29.76-8.32z m456.32 9.216a30.528 30.528 0 0 0-43.2 0l-43.2 43.2a30.528 30.528 0 0 0 43.2 43.2l43.2-43.2a30.528 30.528 0 0 0 0-43.2zM512 257.536a30.528 30.528 0 0 0-30.528 30.528v61.12a30.528 30.528 0 0 0 61.056 0V288A30.528 30.528 0 0 0 512 257.472z"
            fill="#F5B017"
            p-id="21339"
            data-spm-anchor-id="a313x.search_index.0.i35.3ba53a81bnMUkT"
            class="selected"
          ></path>
          <path
            d="M624 437.312c144.32 0 261.312 120.32 261.312 268.8a271.744 271.744 0 0 1-66.944 179.2H429.632a271.744 271.744 0 0 1-66.944-179.2c0-148.48 116.992-268.8 261.312-268.8z"
            fill="#FFFFFF"
            fill-opacity=".178"
            p-id="21340"
            data-spm-anchor-id="a313x.search_index.0.i34.3ba53a81bnMUkT"
            class=""
          ></path>
        </svg>
      </template>
    </icon>
  </div>
</template>

<script setup lang="ts">
import Icon from '@ant-design/icons-vue'
</script>

<style lang="less" scoped>
.custom-icons-list :deep(.anticon) {
  margin-right: 6px;
}
</style>
